src/app/manga/[title]/[id]/buttons.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

"use client";

import styles from "./info.module.css";
import Link from "next/link";

export default function Buttons({ content: data }) {
	return (
		<div className={styles.ChapterContainer}>
			{data.chapters &&
				data.chapters.map((item, index) => {
					if (item.pages !== 0) {
						return (
							<Link
								key={index}
								href={{
									pathname: `/manga/info/read/${item.id}`,
								}}
								onClick={() =>
									test(item.chapterNumber, item.volumeNumber)
								}
							>
								<button key={index}>
									<div>
										<p>Chapter: {item.chapterNumber}</p>
										<p>Volume: {item.volumeNumber}</p>
									</div>
								</button>
							</Link>
						);
					}
				})}
		</div>
	);
}

function test(chapter, volume) {
	localStorage.setItem("chapter", chapter);
	localStorage.setItem("volume", volume);
}